<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta name="Description" content="苏宁争鸣，发表观点，自有你的态度">
        <title>苏宁争鸣-自有你的态度</title>
        <link rel="stylesheet" type="text/css" href="css/cropper.css" />
        <link rel="stylesheet" type="text/css" href="css/cropperdemo.css" />
        <link rel="stylesheet" type="text/css" href="css/allcontend.css" />
        <script type="text/javascript">
		  var _ssa = _ssa || {};
		  (function () {
		      _ssa.websiteId = '4be9f288c01046e1bcb0173eaab34e45';
		      _ssa.base_url = 'http://wsa.cloudytrace.cn';
		      _ssa.api = 'ctwsa-sa.gif';
		      var _ssa_protocol = 'https:' == document.location.protocol ? 'https' : 'http';
		      var _ssa_script = _ssa_protocol + '://' + 'script.cloudytrace.cn/wsa/common' + '/'+ 'ctwsa-sa.js';
		      var _scripts = document.getElementsByTagName('script');
		      for (var i = 0; i < _scripts.length; i++) {
		          if (_scripts[i].src == _ssa_script) {
		              return;
		          }
		      }
		      var _script = document.createElement('script');
		      _script.type = 'text/javascript';
		      _script.async = true;
		      _script.src = _ssa_script;
		      var _s = _scripts[0];
		      _s.parentNode.insertBefore(_script, _s);
		  })();
		</script>
    </head>

    <body id="home" v-cloak onload="onLoad()">
        <snsawp shareTitle="苏宁最强音！表态度，立观点，就在苏宁争鸣" shareDescription="来争鸣-大胆吐槽一切，选择自己的观点，自有你的态度，没有歌声，只有最强音" shareImage="http://dj.suning.com/sawp/contend/img/sharelogo.jpg" shareUrl="http://dj.suning.com/sawp/contend/all_contend.html"></snsawp>
        <!--苏宁争鸣-->
        <section class="p-wapper">
            <!--头部-->
            <div class="header-box">
                <!-- <a v-if="criticType==1" class="tab" href="javascript:;" @click="replaceImg()">
                    <div class="img-cnt">
                       <img class="user-icon" :src="user.nickimg" alt="" />
                       <span  class="sprites i-replace"></span>
                    </div>
                    {{user.nickname}}
                </a> -->
                <a class="tab" href="javascript:;">
                    <img class="user-icon" :src="user.nickimg" alt="" />
                    {{user.nickname}}
                </a>
                <!--<a class="tab" @click="newtopic()">新话题</a>-->
                <a class="tab sel mid">往期争鸣</a>
                <a class="tab" href="javascript:;" @click="about()">关于</a>
            </div>
            <img class="logo" src="img/logo.png" alt="" />
            <div class="topic">
                <div class="title">
                    <div class="sprites i-topics"></div>
                    <span>往期争鸣</span>
                </div>
                <div class="all-contend" v-for="topic in topicList">
                    <div class="cont">
                        <img :src="topic.topicImg" alt="" />
                        <a href="javascript:;" @click="topicDetail(topic.topicId)"><p>{{topic.topicName}}</p></a>
                    </div>
                    <p class="desc">
                        <span class="status" :class="{'s-end':topic.isEnd}">{{topic.isEnd?"已结束":"正在进行中"}}</span>
                        <span class="num">({{topic.supNum + topic.rejNum}})人参与</span>
                    </p>
                </div>
            </div>
            <div class="state">
                <template v-if="showLoading==false">
                    <template v-if="pageSize != 0">
                        <a v-if="pageSize<total" href="javascript:;" @click="addList(pageNo)">点击加载更多</a>
                        <p v-else>没有更多了</p>
                    </template>
                </template>
                <template v-else>
                    <p v-show="showLoading"><span class="loading"></span><span>加载中...</span></p>
                </template>
            </div>
        </section>
        <section class="pop" v-show="aboutPop">
            <div class="pop-cnt about">
                <a href="javascript:;" class="sprites i-close" @click="closePop"></a>
                <p class="t-tips">欢迎关注争鸣微信公众号</p>
                <img src="img/publicNO.jpg" alt="" />
                <p class="f-tips">在微信中添加公众号，搜索争鸣试验田</p>
            </div> 
        </section>
        
        <!-- 弹框 更换图片 -->
        <section class="pop-upload" v-show="uploadPop" >
            <div class="pop-cnt">
                <!--<p class="sprites i-close"></p>-->
                <div class="sel-type">
                    <div class="upload-img">
                        <p class="as-btn">本地选择</p>
                        <input type="file" class="file-img" id="cropper-input" name="cropper-input" accept="image/jpeg,image/x-png" />
                    </div>
                    <!--<a>拍摄</a>-->
                </div>
                <!--<div class="shot-img">拍摄</div>-->
                <div class="preview-container">
                    <input type="hidden" name="x" id="preview-x" />
                    <input type="hidden" name="y" id="preview-y" />
                    <input type="hidden" name="width" id="preview-width" />
                    <input type="hidden" name="height" id="preview-height" />
                    <div class="image-container target" id="cropper-target">
                      <img src="" class="noavatar" />
                    </div>
                    <!--<div class="modifySrc" v-show="modifyHeadPic">
                        <img :src="modifySrc" />
                    </div>-->
                </div>
                <p class="foot-btn">
                    <a href="javascript:;" @click="cancle" >取消</a>
                    <a class="upload-btn" href="javascript:;" @click="uploadImg">上传</a>
                </p>
            </div>
        </section>
        
        <section class="pop-tip" v-show="pointPop">
            <p>{{pointTip}}</p>
        </section>
		<script>
      		var ua = window.navigator.userAgent.toLowerCase();
	        if(ua.match(/MicroMessenger/i) == 'micromessenger') {
	        	var ua = window.navigator.userAgent.toLowerCase();
	    		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
	    			var script = document.createElement("script");
	    			script.src = "http://res.wx.qq.com/open/js/jweixin-1.0.0.js";
	    			document.body.appendChild(script);
	    		}
	        }
	    </script>
        <script src="js/vue.min.js"></script>
        <script src="js/vue-resource.min.js"></script>
        <script src="js/zepto.min.js"></script>
        <script src="js/common.js"></script>
        <script src="js/cropper.js"></script>
        <script src="js/all_contend.js"></script>
        <script>
	        function onLoad() {
	            try{
	            	 dialing.setShareVisibility('1')
	            }catch(e){
	            	//TODO handle the exception
	            }
	        }
        </script>

    </body>

</html>